nav : ใช้สำหรับจัดกลุ่มส่วนที่เป็นลิงค์ต่างๆ ไม่ว่าจะเป็นลิงค์ที่ไปยังไซต์อื่นๆ หรือลิงค์ที่ใช้เชื่อมโยงภายในหน้าเว็บเพจ (เช่นลิงค์ที่เมื่อคลิกแล้วเลื่อนไปแสดงยังส่วนต่างๆของหน้าเพจ) และที่สำคัญคือส่วนที่เป็นเมนูของเว็บไซต์
footer : ใช้สำหรับใส่อะไรก็ได้ที่อยู่ด้านล่างๆ อย่างเช่น creadit ผู้แต่งเว็บไซต์ หรือหน้า site map รวบรวมลิ้งก์ของเว็บไซต์เราเอง
scroll-behavior: smooth : กำหนดให้การเลื่อน scroll mouse ในหน้า webpage ลื่นไหล่
display :flex : จัดตำแหน่งให้ element ต่างๆ เรียงจากซ้ายไปขวา
flex-direction : row : จัดทิศทางของ flex ก่อนหน้าให้เป็นแนวนอน
justify-content : space-between : กระจายให้ item ต่างๆอยู่ในภายในบรรทัดชิดหน้าชิดหลัง
align-item : center : จัดให้ item ต่างๆอยู่กึ่งกลาง ใช้งานคู่ กับ flex
z-index : ใช้ระบุว่าจะให้ element นั้นๆอยู่ซ้อนหน้าหรือซ้อนหลัง โดยระบุค่าเป็น -1 หรือ 1 โดยที่ -1 จะไปอยู่ด้านหลัง 1 จะไปอยู่ด้านหน้า
opacity : ใช้กำหนดความทึบของ element ว่าจะให้มีความทึบหรือจางเท่าไหร่
cursor : กำหนดการแสดงต่างๆจากพฤติกรรม cursor ของ mouse
transition-duration : ใช้ระบุระยะเวลาการเปลี่ยนแปลงของ effect ต่าง ในโปรเจคใช้คู่กับ opacity
vh : เป็นหน่วยๆนึงสำหรับการกำหนดขนาด โดยที่ 1vh จะเท่ากับ 1/100 ของ viewport
i : มีการใช้ tag i คู่กับการแสดง icon จาก library font-awesome
.@font-face : เรียกใช้ font ที่ติดตั้งไว้บน local ได้
<---back to index page